<template>
    <!-- vue3里面已经支持写多个根标签了 -->
    <div>
        {{ list }}
    </div>
    <div>
        <button @click="button">（ex7）点击我</button>
    </div>
</template>

<script>
/**
 * vue3中的Proxy，可以代理数据里面的数据
 */
import { reactive,ref } from 'vue';
export default {
    setup(){
        //定义一个list数据
        const list = reactive([])
        //给数组添加数据
        list[0] = 1,
        list[1] = 2

        //返回数组
        return{
            list
        }
    },
}
</script>
  
<style lang="">
    
</style>